.content{
    .login-box{
        width: 100%;
    }
}

// 手机号输入框
.phone-box{
    width: 96%;
    height: 61px;
    padding: 0px 2%;
    .phone{
        width: 100%;
        height: 99.9%;
        border-bottom: 1px solid #e5e5e5;
    }
    .clean{
        width: 24px;
        height: 24px;
        right: 4%;
        border-radius: 50%;
        color: #fe8100;
        background-color: #e5e5e5;
    }
}

// 验证码
.prove-box{
    width: 96%;
    height: 61px;
    padding: 0px 2%;
    .code{
        height: 100%;
        width: 100%;
        border-bottom: 1px solid #e5e5e5 ;
    }
    .get-code{
        width: 114px;
        height: 29px;
        right: 21px;
        border-radius: 8px;
        border-color: transparent;
        background-color: #fe8100;                      
    }
}

// 按钮S
.user-control{
    padding: 17px 0;
    .control-button{
        width: 117px;
        height: 35px;
        font-weight: 600;
        border: 1px solid #d3d3d3;
        border-radius: 8px;
        background-color: #f8f8f8;
    }
    .cancel{
        color: #000;
    }
    .login{
        color: #bcbcbc;
    }
}




// 图标高亮颜色 向其父元素盒子添加
.highlight{
    i{
        color: #fe8100;
    }
}

// 重置input输入框
.reset-input{
    background-color: none;
    outline: none;
    border: none;
}